<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>企业信息</title>
    <link rel="stylesheet" href="..css/vant.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div id="app" v-cloak>
        <div class="listBox">
            <div class="titleBox">
                <div>企业信息</div>
                <div class="iconBox">
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <img src="./img/img.png" class="img1" alt="">
            </div>
            <div>
                <span>公司名称</span>
                <span>{{gsName}}</span>
            </div>
            <div>
                <span>税号*</span>
                <span>{{TaxID}}</span>
            </div>
            <div v-if="address!=''">
                <span>地址</span>
                <span>{{address}}</span>
            </div>
            <div v-if="tel!=''">
                <span>电话</span>
                <span>{{tel}}</span>
            </div>
            <div v-if="openingBank!=''">
                <span>开户行</span>
                <span>{{openingBank}}</span>
            </div>
            <div v-if="account!=''">
                <span>账户</span>
                <span>{{account}}</span>
            </div>
        </div>

    </div>
    <script src="../js/vue.min.js"></script>
    <script src="../js/flex_ible/lib-flexible.js"></script>
    <script src="../js/vue-lazyload.js"></script>
    <script src="../js/vant.min.js"></script>
    <script src="../js/vue-lazyload.js"></script>
    <script src="../js/url.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/ajax.js"></script>
    <script>

        function GetQueryString(name) {
            var reg = new RegExp("(^|?)" + name + "=([^&?]*)(?|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }

        var state = window.location.search


        var app = new Vue({
            el: '#app',
            data: {
                gsName: '',// 公司名称
                TaxID: '',//税号
                address: '',//地址
                tel: '',//电话
                openingBank: '',//开户行
                account: '',//账号
            },
            methods: {
                decodeUrlParams(url) {
                    return url.split('&amp;').reduce((acc, param) => {
                        const [key, value] = param.split('=');
                        return decodeURIComponent(key);
                    }, {});
                }
            },
            created: function () {
                var arr = state.substring(1).split('&');
                // alert(JSON.stringify(arr))
                // alert(state)

                var gsName = arr[0].split('=')[1]
                var TaxID = arr[1].split('=')[1]
                var address = arr[2].split('=')[1]
                var tel = arr[3].split('=')[1]
                var openingBank = arr[4].split('=')[1]
                var account = arr[5].split('=')[1]

                this.gsName = this.decodeUrlParams(gsName);
                this.TaxID = TaxID;
                this.address = this.decodeUrlParams(address);
                this.tel = tel;
                this.openingBank = this.decodeUrlParams(openingBank);
                this.account = account;


            }
        })
    </script>
</body>

</html>